@i: 100;
.loop(@i) when (@i>0) {
  .loop((@i - 1));

  @a: (@i) * 1;
  //宽度
  .wid@{a} {
    width: (1px * @i);
  }
  //宽度百分比
  .wid-percent-@{a} {
    width: (1% * @i);
  }
  //最大宽度百分比
  .max-wid-percent-@{a} {
    max-width: (1% * @i);
  }
  .paddlr@{a} {
    padding-left: (1px * @i);
    padding-right: (1px * @i);
  }
  .paddtb@{a} {
    padding-top: (1px * @i);
    padding-bottom: (1px * @i);
  }
  .marginlr@{a} {
    margin-left: (1px * @i);
    margin-right: (1px * @i);
  }
  .margintb@{a} {
    margin-top: (1px * @i);
    margin-bottom: (1px * @i);
  }
  .padd@{a} {
    padding: (1px * @i);
  }
  .margin@{a} {
    margin: (1px * @i);
  }
  .mt@{a} {
    margin-top: (1px * @i);
  }
  .mr@{a} {
    margin-right: (1px * @i);
  }
  .mb@{a} {
    margin-bottom: (1px * @i);
  }
  .ml@{a} {
    margin-left: (1px * @i);
  }
  .pt@{a} {
    padding-top: (1px * @i);
  }
  .pr@{a} {
    padding-right: (1px * @i);
  }
  .pb@{a} {
    padding-bottom: (1px * @i);
  }
  .pl@{a} {
    padding-left: (1px * @i);
  }


  .bottom-@{a} {
    bottom: (1px * @i);
  }
  .top-@{a} {
    top: (1px * @i);
  }
  .left-@{a} {
    left: (1px * @i);
  }
  .right-@{a} {
    right: (1px * @i);
  }
  .yicon-@{a} {
    height: (1px * @i);
    width: (1px * @i);
  }
  .radius@{a} {
    border-radius: (1px * @i);
  }
  .fo-@{a} {
    font-size: (1px * @i);
  }
  .line-hei-@{a} {
    line-height: (1px * @i);
  }
}

.loop(@i);